<template>
<div>
    <Tabs v-model="tab_name" @on-click="handleTabClick">
        <TabPane label="新的约谈" name="1">
        	<AbutmentBase :page="page"></AbutmentBase>
        </TabPane>
        <TabPane label="已拒绝" name="6">
        	<AbutmentBase :page="page"></AbutmentBase>
        </TabPane>
    </Tabs>
</div>
</template>
<script>
import Page from '@/common/model/Page'
import AbutmentBase from "./abutment_base";

export default {
	components: {
		AbutmentBase
	},
	data(){
		return{
			tab_name: '1',
			page: new Page("abutment/deliver_list", {status:1,self_role:'provider'}),
		}
	},
	methods: {
		handleTabClick(name){
			this.page.action_data.status = name;
			this.page.list = [];
			this.page.getData();
		}
	},
}
</script>
